<ion-tabs>
    <ion-tab-bar slot="bottom" class="tab-defined">
        <ion-tab-button tab="main" (click)="goPage('main',1)">
            <img *ngIf="tabIndex !== 1"
                 class="tab-icon"
                 src="./assets/image/icon/icon-tab-home-o.png" alt="">
            <img *ngIf="tabIndex === 1"
                 class="tab-icon"
                 src="./assets/image/icon/icon-tab-home.png" alt="">
            <ion-label [ngClass]="{'selected-icon':tabIndex === 1}">首页</ion-label>
        </ion-tab-button>
        <ion-tab-button  tab="user" (click)="goPage('user',2)">
            <img *ngIf="tabIndex !== 2"
                 class="tab-icon"
                 src="./assets/image/icon/icon-tab-user-o.png" alt="">
            <img *ngIf="tabIndex === 2"
                 class="tab-icon"
                 src="./assets/image/icon/icon-tab-user.png" alt="">
            <ion-label [ngClass]="{'selected-icon':tabIndex === 2}">我的</ion-label>
        </ion-tab-button>
    </ion-tab-bar>
</ion-tabs>
